<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息(首页)</title>
    <link rel="stylesheet" href="../../font/iconfont.css">
    <link rel="stylesheet" href="../../lib/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../../lib/jquery/jquery-3.6.0.min.js"></script>
    <script src="../../lib/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../../css/gerenxinxi/gerenxinxi.css">
</head>

<body>

    <div class="container">
        <div class="row">
            <h3>我的信息</h3>
        </div>
        <div class="row">
            <div class="col-md-1">
                <span>我的头像：</span>
            </div>
            <div class="col-md-2">
                <img src="../../lib/img/u19573.png" alt="">
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>姓&nbsp;&nbsp;&nbsp;&nbsp;名：</span></p>
            </div>
            <div class="col-md-2">
                <p>亮亮</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>性&nbsp;&nbsp;&nbsp;&nbsp;别:</span></p>
            </div>
            <div class="col-md-2">
                <form action="">
                    <input type="radio" name="sex" checked="checked">男
                    <input type="radio" name="sex">女
                    <input type="radio" name="sex">保密
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>手&nbsp;机&nbsp;号:</span></p>
            </div>
            <div class="col-md-3">
                <p>189&nbsp;XXXX5326&nbsp;&nbsp;&nbsp;<a href="./genghuanshoujihao.html">更换手机号</a> </p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>所属组织：</span></p>
            </div>
            <div class="col-md-2">
                <p>运营部</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>当前角色：</span></p>
            </div>
            <div class="col-md-3">
                <p>运营管理员、市场管理员、测试管理员</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>邮&nbsp;&nbsp;&nbsp;&nbsp;箱：</span></p>
            </div>
            <div class="col-md-3">
                <div> <input type="text" placeholder="2-50个字" value="189XXXX5326@qq.com"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>出生日期：</span></p>
            </div>
            <div class="col-md-11">
                <select name="" id="">
                    <option value="">&nbsp;&nbsp;&nbsp;--</option>
                    <option value="">2020</option>
                    <option value="">2019</option>
                </select><span>年</span>
                <select name="" id="">
                    <option value="">&nbsp;&nbsp;&nbsp;--</option>
                    <option value="">1</option>
                    <option value="">2</option>
                </select><span>月</span>
                <select name="" id="">
                    <option value="">&nbsp;&nbsp;&nbsp;--</option>
                    <option value="">1</option>
                    <option value="">2</option>
                </select><span>日</span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>加入日期：</span></p>
            </div>
            <div class="col-md-3">
                2021-12-21
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <p><span>座&nbsp;右&nbsp;铭：</span></p>
            </div>
            <div class="col-md-6">
                <div id="text">
                    <textarea name="" id="myArea" cols="65" rows="7" onKeyUp="keypress2()" onblur="keypress2()">
                    </textarea>
                    <div id="pinglun">
                        <label>0</label><span>/</span><label>200</label>
                    </div>
                    
                    <!-- Button trigger modal -->
                    <button type="button" id="btn"  data-toggle="modal" data-target="#myModal">
                        保存
                    </button>
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                          <div class="modal-content">
                            <div class="modal-body">
                              <h3>恭喜你,提交成功！</h3>
                            </div>
                          </div>
                        </div>
                      </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>